<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" >
<head><title>AllVideos Reloaded Dokumentation</title>
<style type="text/css">
    body {
        font-family:Arial,Helvetica,sans-serif;
        font-size:76%;
        line-height:1.3;
    }
    a {
        text-decoration:none;
        font-weight:bold;
    }
    a:hover {
        text-decoration:underline;
    }
    a:active,a:focus {
        outline:none;
    }
    a,h2,a:hover,li#current a,li.parent li#current a,li#current li a:hover {
       color:#53a31c;
    }
    .small,.createdate,.modifydate {
        font:0.9em Arial,Helvetica,sans-serif;
        color:#53a31c;
    }
    table.avrtable {
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    table.avrtable td,
    table.avrtable th {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
    }
    
    span.alert {
        background:#FFD6D6 url(notice-alert.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FE7B7A;
        border-top:3px solid #FE7B7A;
        color:#CC0000;
    }
    span.info {
        background:#C0D2E8 url(notice-info.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #629DE3;
        border-top:3px solid #629DE3;
        color:#0055BB;
    }
    span.note {
        background:#F0E6BE url(notice-note.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FDE179;
        border-top:3px solid #FDE179;
        color:#B79000;
    }
    span.download {
        background:#DEE6C5 url(notice-download.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #C2DF88;
        border-top:3px solid #C2DF88;
        color:#57861A;
    }
    span.alert, span.info, span.download, span.note {
        display:block;
        margin:15px 0pt;
        padding:10px 10px 10px 45px;
    }
    .contenttoc {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
</style>
</head><body>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
	<table cellpadding="0" cellspacing="0" class="contenttoc">
	<tr>
		<th>Beitragsseiten</th>
	</tr>
	<tr>
		<td>
		<a href="de-de.doc0.html">Einführung</a>
		</td>
	</tr>
			<tr>
				<td>
				<a href="de-de.doc1.html">Lizenz</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc2.html">Lokale Inhalte</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc3.html">Remote Inhalte</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc4.html">Plugin Parameter</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc5.html">Verwendung von Playlisten</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc6.html">Playlisten verwalten</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc7.html">Den AVR Media Button verwenden</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc8.html">Popup Fenster und Lightbox</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc9.html">Das System-Plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="de-de.doc10.html">Managing Players, Rippers and Tags</a>
				</td>
			</tr>
			</table><div class="pagenavcounter">Seite 8 von 11</div>
<h2>Den AVR Media Button verwenden</h2>
<p>Ab Version 1.2 beinhaltet AllVideos Reloaded (AVR) ein Editor-XTD-Plugin, welches einen Editor-Button zur Verfügung stellt, mit dem Sie auf einfachste Weise Medien in Ihre Seiten einbetten können. Nach der Installation wird dieser Button automatisch zur Button-Leiste unterhalb des Editorfensters hinzugefügt. Wenn Sie Joomla's Standard Administrations-Template &quot;khepri&quot; verwenden, sieht dieser etwa wie folgt aus:</p>
<p><img alt="" height="64" src="editbutton.png" width="433" /></p>
<p>Nach einem Klick auf diesen Button sollte folgender Dialog erscheinen:</p>
<p><img alt="" src="insert-remote.png" /></p>
<h2>Remote-Medien einfügen</h2>
<p>In obigem Dialog können wahlweise remote- oder lokale Medien eingebettet werden. Um <strong>Remote-Medien</strong> einzubetten, einfach die URL der Seite des Video-Sharing-Providers welche das gewünschte Video zeigt in das oberste Feld einfügen. Z.B.: Wenn Sie das folgende Video von YouTube in Ihrem Artikel einbetten möchten,</p>
<p><img alt="" src="youtube-sample.png" /></p>
<p>dann fügen Sie einfach den Text <kbd>http://www.youtube.com/watch?v=6lbvSBNLLoo</kbd> in das Feld <strong>URL</strong> ein. Danach betätigen Sie die <kbd>Wagenrücklauftaste</kbd>. Dies startet AVR's Erkennung und der Rest des Dialoges wird automatisch wie folgt ausgefüllt:</p>
<p><img alt="" src="ytselect.png" /></p>
<p>Wie Sie sehen können, wurden die Felder <strong>Provider</strong>, <strong>ID</strong> sowie <strong>Media-Tag</strong> nun vervollständigt und die Buttons <strong>Vorschau</strong> sowie <strong>Einfügen</strong> sind nun aktiv. Wenn Sie wollen, können Sie nun noch im Feld Media-Tag eventuell gewüschte zusätzliche Parameter ergänzen. Um die Auswirkungen der zusätzlichen Parameter zu prüfen können Sie den Button <strong>Vorschau</strong> verwenden. Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie abschliessend auf <strong>Einfügen</strong>. Dies kopiert den Inhalt des Feldes <strong>Media-Tag</strong> im Editor an die aktuelle Position der Schreibmarke und schliesst den Dialog.</p>
<h2>Lokale Medien einfügen</h2>
<p>Vor dem Einbetten <strong>lokaler</strong> Medien müssen diese natürlich auf den Server geladen werden. Standardmässig benutzt AllVideos Reloaded hierfür zwei spezielle Ordner namens <strong>audio</strong> und <strong>videos</strong>. Diese beiden Ordner <strong>müssen vorab</strong> in Joomla's <strong>Medien-Verwaltung</strong> (oder mit einem vergleichbaren Werkzeug) <strong>innerhalb</strong> von Joomla's <strong>imges/stories</strong> wie folgt angelegt werden:</p>
<p><img alt="" src="joomla-mm.png" /></p>
<p>Nachdem dies geschehen ist, können die Medien in diese Ordner hochgeladen werden. Reine Audio-Dateien (mp3, wma) sollen dabei im Ordner <strong>audio</strong>, alles Andere (Videos, Playlisten) im Ordner <strong>videos</strong> abgelegt werden. Das Hochladen selbst ist nicht Bestandteil von AllVideos Reloaded. Daher kann man hierfür wiederum Joomla's Medien-Verwaltung (oder ein vergleichbares Werkzeug) verwenden.</p>
<p><span class="note">Standardmässig ist Joomla's Medien-Manager bezüglich erlaubter Dateitypen recht restriktiv eingestellt. In Joomla's globaler Konfiguration müssen Sie daher zunächst die gewünschten Dateitypen ergänzen, um das Hochladen der Medien freizuschalten.</span></p>
<p>Um <strong>lokale</strong> Medien einzubetten, öffnen Sie zunächst den schon bekannten Dialog und wählen dann den Reiter <strong>Lokale Medien</strong>. Der Dialog sollte nun wie folgt aussehen:</p>
<p><img alt="" src="insert-local.png" /></p>
<p>In der Combo-Box <strong>Medium</strong> können Sie nun das einzubettende Medium aus den vorher hochgeladenen Dateien auswählen. Nachdem hier eine Datei gewählt wurde, wird der Rest des Dialoges wieder automatisch ausgefüllt. Das Feld Media-Tag zeigt nun wiederum den zu benutzenden Code und Sie können die Aktion auf die gleiche Weise wie beim oben beschriebenen Einbetten von Remote-Medien abschliessen.</p>
<br /><div class="pagenavbar"><div><a href="de-de.doc6.html">&lt;&lt; Zurück</a> - <a href="de-de.doc8.html">Weiter &gt;&gt;</a></div></div><br /></td>
</tr>
<tr>
	<td colspan="2"  class="modifydate">
		Aktualisiert ( Samstag, 05. Juli 2008 03:49 )
	</td>
</tr>
</table></body>
</html>